<extend file="template/mobile/black/common.html"/>
<block name="content">

    <div class="widewrapper main">
        <div class="container">
            <div class="row">
                <div class="col-md-8 blog-main">
                    <article class="blog-post">
                        <header>
                            <div class="lead-image">
                                <p class="position">
                                    <span>当前位置：</span>
                                    <a href="" style="text-decoration: none">首页</a>
                                    »
                                    <a href="/c/{{$cms_field['cate_id']}}.html" style="text-decoration: none">{{$cms_field['cate_name']}}</a>
                                </p>
                            </div>
                        </header>
                        <div class="body">


                            <ul>
                                <arclist row="1">
                                    <div class="post_meta"><strong>创建日期:</strong>{{$field['create_at']}}&nbsp;&nbsp;<strong>作者:</strong>{{$field['arc_author']}}&nbsp;&nbsp;<strong>点击量:</strong>{{$field['arc_click']}}</div>
                                    <li>
                                        <a href="{{$field['url']}}" style="text-decoration: none" class="title">{{$field['arc_title']}}</a>
                                        <span class="time">[ {{$field['created_at']}} ]</span>
                                        <p class="desc">
                                            {{$field['arc_description']}}
                                        </p>
                                    </li>
                                    <br>
                                </arclist>
                                <!--分页-->
                                <style>
                                    .pagelist nav .pagination  li{
                                        float: left;width: 80px;
                                    }
                                    .pagelist nav .pagination  li a{
                                        text-decoration: none;
                                    }
                                    .pagelist nav .pagination  li.active a{
                                        text-decoration: none;
                                        display: block;
                                        width: 40px;
                                        height:40px;
                                        background: #298cff;color: #fff;
                                        text-align: center;
                                    }
                                </style>
                                <div class="pagelist">
                                    {{$data->links()}}
                                </div>
                                <!--分页结束-->
                            </ul>
                    </article>
                </div>

                <aside class="col-md-4 blog-aside">

                    <div class="aside-widget">
                        <header>
                            <h3>栏目列表</h3>
                        </header>
                        <div class="body">
                            <ul class="clean-list">

                                <category pid="0">
                                    <li><a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a></li>
                                </category>

                            </ul>
                        </div>
                    </div>

                    <div class="aside-widget">
                        <header>
                            <h3>最新文章列表</h3>
                        </header>
                        <div class="body">
                            <ul class="clean-list">
                                <arclist thumb="1">
                                    <li><a href="{{$field['url']}}" rel="nofollow"><strong>{{$field['arc_title']}}</strong></a></p></li>
                                    <br>
                                </arclist>

                            </ul>
                        </div>
                    </div>

                    <div class="aside-widget">
                        <header>
                            <h3>Tags</h3>
                        </header>
                        <div class="body clearfix">
                            <ul class="tags">
                                <li><a href="#">HTML5</a></li>
                                <li><a href="#">CSS3</a></li>
                                <li><a href="#">php</a></li>
                                <li><a href="#">nginx</a></li>
                                <li><a href="#">linux</a></li>
                                <li><a href="#">BOOTSTRAP</a></li>
                            </ul>
                        </div>
                    </div>
                </aside>
            </div>
        </div>
    </div>
</block>